.per_main{
	background-color: $uni-bg-color-grey;
}
.head{
	padding-top: 1rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	.head-box{
		width: 100%;
		.avatar{
			display: flex;
			justify-content: center;
			align-items: center;
			position: relative;
			.main{
				width: 100%;
				// border-radius: 50%;
			}
			.hg{
				position: absolute;
				top: -7%;
				left: 35%;
				image{
					width: 68rpx;
					height: 65rpx;
				}
			}
			.tags{
				position: absolute;
				bottom: -10%;
				left: 46%;
				.sm{
					width: 32rpx;
					height: 32rpx;
					margin-right: 10rpx;
				}
				.vp{
					width: 60rpx;
					height: 24rpx;
				}
			}
		}
		.name{
			// position: relative;
			width: 100%;
			text-align: center;
			font-size: 36rpx;
			font-weight: bold;
			color: #FFFFFF;
			padding-top: 30rpx;
			.icon-gender{
				display: inline-block;
				// position: absolute;
				// right: 8%;
				// bottom: 0;
				font-weight: normal;
				margin-left: 20rpx;
			}
		}
	}
	
}

.scroll-box{
	background-color: #F5F5F5;
	display: flex;
	justify-content: center;
	align-items: center;
	// .up{
	// 	width: 10%;
	// 	display: flex;
	// 	justify-content: center;
	// 	align-items: center;
	// 	color: #999999;
	// }
	// .down{
	// 	width: 10%;
	// 	display: flex;
	// 	justify-content: center;
	// 	align-items: center;
	// 	color: #999999;
	// }
	.scroll{
		width: 96%;
		box-sizing: border-box;
		white-space: nowrap;
		padding: 20rpx 2%;
		.scroll_items{
			width: 130rpx;
			display: inline-block;
			margin: 0 20rpx;
			// box-shadow: 0 6rpx 10rpx 0 #DEE2E5;
			.scroll_img{
				width: 100%;
				height: 130rpx;
				image{
					width: 100%;
					height: 100%;
					border-radius: 20rpx;
				}
			}
		}
	}
}

.contact{
	width: 92%;
	padding: 20rpx 4%;
	.ct-title{
		width: 100%;
		color: #212121;
		font-size: 32rpx;
	}
	.ct-box{
		width: 100%;
		border-bottom: 1rpx solid #D8D8D8;
		padding: 20rpx 0 40rpx 0;
		.ct-item{
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-size: 28rpx;
			.ct-itemer{
				color: #999999;
				display: flex;
				justify-content: flex-start;
				align-items: center;
				padding-top: 30rpx;
				span{
					margin-left: 20rpx;
				}
			}
			.chakan{
				color: #0091FF;
			}
		}
	}
}

.per_desc{
	
	color: $uni-text-color;
	.per_desc_1{
		display: flex;
		flex-direction: row;
		font-size: 32rpx;
		.per_desc_1_text{
			margin-right: 5px;
			font-weight: bold;
		}
		.per_desc_1_icon{
			width: 40rpx;
		}
	}
	.per_desc_2{
		font-size: 30rpx;
		margin-top: 3px;
		color: #333;;
	}
}
	.my_desc_3{
		margin-top: 10px;
		background-color: #FFFFFF;
		color: $uni-text-color;
		font-size: 30rpx;
		padding: 15px;
		border-radius: 10px;
		.my_desc_3_tag{
			display: flex;
			flex-direction: row;
			flex-wrap:wrap;
			.item{
				margin-top: 5px;
				margin-right: 10px;
				text-align: center;
				border-radius: 50px;
				.text{
					text-align: center;
					font-size: 14px;
					padding: 3px 10px;
					color: #FFFFFF;
				}
			}
		}
		.my_desc_3_info{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			margin-top: 10px;
			
		}
		.my_desc_3_title{
			font-size: 30rpx;
			font-weight: bold;
			margin-bottom: 10px;
		}
		.my_desc_3_desc{
			font-size: 28rpx;
		}
	}
.base{
	width: 92%;
	padding: 20rpx 4%;
	.base-title{
		width: 100%;
		color: #212121;
		font-size: 32rpx;
	}
	.base-box{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		padding: 20rpx 0;
		.base-tags{
			font-size: 28rpx;
			color: #8C7C84;
			border:1rpx solid #FF83BB;
			background: rgba(254, 67, 146, 0.12);
			padding: 10rpx 20rpx;
			border-radius: 28rpx;
			margin: 20rpx 20rpx 0 0;
		}
	}
}

.mate{
	width: 92%;
	padding: 20rpx 4%;
	.mate-title{
		width: 100%;
		color: #212121;
		font-size: 32rpx;
	}
	.mate-box{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		padding: 20rpx 0;
		.mate-tags{
			font-size: 28rpx;
			color: #8C7C84;
			border:1rpx solid #0091FF;
			background: rgba(0, 145, 255, 0.1);
			padding: 10rpx 20rpx;
			border-radius: 28rpx;
			margin: 20rpx 20rpx 0 0;
		}
	}
}

.place{
	width: 100%;
	height: 130rpx;
}

.foot{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 120rpx;
	background-color: #FFFFFF;
	display: flex;
	justify-content: space-around;
	align-items: center;
	box-shadow: 0 -1rpx 8rpx  #DEE2E5;
	.ft-yue{
		width: 33%;
		font-size: 32rpx;
		color: #212121;
		font-weight: bold;
		text-align: center;
		padding: 20rpx 0;
	}
	.gz{
		width: 33%;
		height: 64rpx;
		line-height: 64rpx;
		text-align: center;
		font-size: 32rpx;
		color: #FFFFFF;
		background-color: $base-color;
		border-radius: 40rpx;
		color: #FFFFFF;
	}
	.ft-hong{
		width: 33%;
		font-size: 32rpx;
		color: #212121;
		font-weight: bold;
		text-align: center;
		padding: 20rpx 0;
	}
}